<script setup>

</script>

<template>
<!--  <div>-->
<!--    &lt;!&ndash; router-link  连接标签  to 链接(和路由表中的配置需要一致 )   &ndash;&gt;-->
<!--    <router-link to="/"> home 页面 </router-link>-->
<!--    <router-link to="/about"> about 页面 </router-link>-->
<!--    <router-link to="/my"> my 页面 </router-link>-->
<!--  </div>-->
  <nav>
    <router-link to="/register">注册</router-link> |
    <router-link to="/login">登录</router-link>
  </nav>
  <router-view/>

</template>

<style lang="less">
  #app {
    text-align: center;
    color: #2c3e50;
  }

  nav {
    padding: 30px;

    a {
      font-weight: bold;
      color: #2c3e50;

    &.router-link-exact-active {
       color: #42b983;
     }
    }
  }
</style>

